/**
* @file partnership.scss
* @synopsis  合伙中道
* @version 1.0.0
*/

@import "common/common";
@import "common/dialog/dialog";
@import "common/form/1.0.0/form";

html, body{
	width: 100%;
	background-color: #f4f4f4;
	overflow: hidden;
}

%msg{
	display: inline-block;
	max-width: rem(400);
	padding: rem(20);
	position: relative;
	text-align: left;
}

.tips{
	height: rem(85);
	line-height: rem(36);
	font-size: rem(26);
	color: #2cb967;
	background-color: #fff;
	margin-bottom: rem(20);
	padding: rem(10) rem(14);
	.ico-tips{
		width: rem(28);
		height: rem(28);
		vertical-align: middle;
	}
	span{
		vertical-align: middle;
	}
}

.mod-problem{
	padding: 0 rem(20);
	position: absolute;
	top: rem(105);
	bottom: rem(100);
	left: 0;
	right: 0;
	overflow-y: auto;
	.time-tag{
		width: rem(258);
		height: rem(40);
		line-height: rem(40);
		text-align: center;
		background-color: #e8e8e8;
		color: #999;
		font-size: rem(20);
		border-radius: 20px;
		margin: rem(35) auto rem(20);
	}
	.question{
		text-align: right;
		.msg-item{
			padding-right: rem(95);
			position: relative;
			margin-bottom: rem(20);
			.mod-msg{
				@extend %msg;
				background-color: #2cb967;
				border-radius: 10px;
				.msg{
					color: #fff;
					font-size: rem(30);
				}
			}
		}
		.arrow-right{
			position: absolute;
			right: rem(-8);
			top: 50%;
			margin-top: rem(-10);
		}
		.header{
			position: absolute;
			width: rem(70);
			height: rem(70);
			top: 50%;
			margin-top: rem(-35);
			right: 0;
			border-radius: 50%;
			background-color: #e8e8e8;
			overflow: hidden;
			img{
				width: 100%;
				height: 100%;
			}
		}
	}
	.answer{
		text-align: left;
		.msg-item{
			padding-left: rem(95);
			position: relative;
			margin-bottom: rem(20);
			.mod-msg{
				@extend %msg;
				background-color: #fff;
				border-radius: 10px;
				border: 1px solid #e3e3e3;
				.msg{
					color: #333;
					font-size: rem(30);
				}
			}
		}
		.arrow-left{
			position: absolute;
			left: rem(-8);
			top: 50%;
			margin-top: rem(-10);
		}
		.header{
			position: absolute;
			width: rem(70);
			height: rem(70);
			top: 50%;
			margin-top: rem(-35);
			left: 0;
			border-radius: 50%;
			background-color: #e8e8e8;
			overflow: hidden;
			img{
				width: 100%;
				height: 100%;
			}
		}
	}
}

.mod-ask{
	height: rem(90);
	background-color: #fff;
	box-shadow: 0 rem(-2) rem(30) rem(3) #e9e9e9;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: rem(90);
	padding-right: rem(168);
	.mod-ipt{
		padding: 0 rem(20);
		input{
			width: 100%;
			height: rem(75);
			line-height: rem(75);
			font-size: rem(30);
			border: none;
		}
	}
	.ask-btn{
		position: absolute;
		right: 0;
		top: 0;
		width: rem(168);
		height: rem(90);
		line-height: rem(90);
		text-align: center;
		background-color: #2cb967;
		color: #fff;
		font-size: rem(32);
	}
}